<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, initial-scale=1.0, user-scalable=no, maximum-scale=1.0,
    minimum-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <!-- 最上面的 -->
    <div class="app">
        <ul>
            <li>
                <img src="img/close.png" alt="">
            </li>
            <li>
                <img src="img/jd.png" alt="">
            </li>
            <li>打开京东App,购物更轻松</li>
            <li><a href="#">立即打开</a></li>
        </ul>
    </div>
    
    <!-- 固定搜索框 -->
    <div class="fixed">
        <div class="left"></div>
        <div class="search">
            <div class="jd-icon"></div>
            <div class="sou"></div>
            <div class="wenzi">
                针式打印机
            </div>
        </div>
        <div class="right">
            <a href="#">登录</a>
        </div>
    </div>

    <!-- 主体部分 -->
    <div class="main-content">
        <div class="xiayuanjiao"></div>
        <div class="slider">
            <img src="upload/banner.jpg" alt="">
        </div>
    </div>

    <!-- 导航 -->
    <nav>
        <ul>
            <a href="#">
                <img src="img/nav-1.png" alt="">
                <span>京东超市</span>
            </a>
            <a href="#">
                <img src="img/nav-2.png" alt="">
                <span>数码电器</span>
            </a>
            <a href="#">
                <img src="img/nav-3.png" alt="">
                <span>京东新百货</span>
            </a>
            <a href="#">
                <img src="img/nav-4.png" alt="">
                <span>京东生鲜</span>
            </a>
            <a href="#">
                <img src="img/nav-5.png" alt="">
                <span>京东到家</span>
            </a>
            <a href="#">
                <img src="img/nav-6.png" alt="">
                <span>充值缴费</span>
            </a>
            <a href="#">
                <img src="img/nav-7.png" alt="">
                <span>附近好店</span>
            </a>
            <a href="#">
                <img src="img/nav-8.png" alt="">
                <span>领券</span>
            </a>
            <a href="#">
                <img src="img/nav-9.png" alt="">
                <span>PLUS会员</span>
            </a>
            <a href="#">
                <img src="img/nav-10.png" alt="">
                <span>京东国际</span>
            </a>
        </ul>
    </nav>

    <!-- 秒杀 -->
    <div class="miaosha">
        <div class="inside">
            <div class="bt">
                <p>京东秒杀  <em style="color: red;">12点场 00:12:34</em></p>
                <span>爆款轮番秒</span>
            </div>
            <div class="hhh">
                <div class="miaosha1">
                    <img src="upload/miaosha1.jpg" alt="">
                    <p>￥27.65</p>
                </div>
                <div class="miaosha2">
                    <img src="upload/miaosha2.jpg" alt="">
                    <p>￥189</p>
                </div>
                <div class="miaosha3">
                    <img src="upload/miaosha3.jpg" alt="">
                    <p>￥54.7</p>
                </div>
                <div class="miaosha4">
                    <img src="upload/miaosha4.jpg" alt="">
                    <p>￥27.65</p>
                </div>
                <div class="miaosha5">
                    <img src="upload/miaosha5.jpg" alt="">
                    <p>￥2559</p>
                </div>
                <div class="miaosha6">
                    <img src="upload/miaosha6.jpg" alt="">
                    <p>￥3199</p>
                </div>
            </div>
        </div>
    </div>

    <!-- 展示 -->
    <div class="zhanshi">
        <ul>
            <li>
                <a href="#">
                    <img src="upload/zhanshi1.webp" alt="">
                    <div class="bottom">
                        <p>比尼高儿童成长奶粉高钙成长奶粉3-6岁以上4段奶粉学生青少年7一15岁 800g*3罐（买3罐赠1罐）</p>
                        <!-- <div class="jj"></div> -->
                        <span class="price">844.00</span>
                        <div class="bb">
                            <div class="bimg">
                                <img src="upload/京东物流.png" alt="">
                            </div>
                            <div class="pinglun">5000+条评论</div>
                            <div class="kxs">看相似</div>
                        </div>  
                    </div>
                </a> 
            </li>
            <li>
                <a href="#">
                    <img src="upload/zhanshi2.webp" alt="">
                    <div class="bottom">
                        <p>Member’Mark 蛋黄酥55g*12枚 雪媚娘 送礼佳品伴手礼盒</p>
                        <span class="price">51.36</span>
                        <div class="bb">
                            <div class="bimg">
                                <img src="upload/京东物流.png" alt="">
                            </div>
                            <div class="pinglun">50万+条评论</div>
                            <div class="kxs">看相似</div>
                        </div>  
                    </div>
                </a> 
            </li>    
            <li>
                <a href="#">
                    <img src="upload/zhanshi3.webp" alt="">
                    <div class="bottom">
                        <p>汤姆森（TOMSON）美国汤姆森【热卖20万台】筋膜枪按摩枪肌肉放松筋膜抢按摩仪器 小黑牛1800毫安充电标准版按键款</p>
                        <span class="price">79.00</span>
                        <div class="bb">
                            <div class="bimg">
                                <img src="upload/京东物流.png" alt="">
                            </div>
                            <div class="pinglun">10万+条评论</div>
                            <div class="kxs">看相似</div>
                        </div>  
                    </div>  
                </a> 
            </li>    
            <li>
                <a href="#">
                    <img src="upload/zhanshi4.webp" alt="">
                    <div class="bottom">
                        <p>三得利（Suntory） 无糖 乌龙茶饮料  500ml*15瓶 整箱装 新老包装随机发货 无糖</p>
                        <span class="price">75.00</span>
                        <div class="bb">
                            <div class="bimg">
                                <img src="upload/自营.png" alt="" style="width: 35px;height: 20px;">
                            </div>
                            <div class="pinglun">5万+条评论</div>
                            <div class="kxs">看相似</div>
                        </div>  
                    </div>
                </a> 
            </li>    
            <li>
                <a href="#">
                    <img src="upload/zhanshi1.webp" alt="">
                    <div class="bottom">
                        <p>金龙鱼 东北大米 盘锦大米 5kg 蟹稻共生 蟹田大米 现磨现售</p>
                        <span class="price">29.90</span>
                        <div class="bb">
                            <div class="bimg">
                                <img src="upload/京东物流.png" alt="">
                            </div>
                            <div class="pinglun">500万+条评论</div>
                            <div class="kxs">看相似</div>
                        </div>  
                    </div>
                </a> 
            </li>    
            <li>
                <a href="#">
                    <img src="upload/zhanshi6.webp" alt="">
                    <div class="bottom">
                        <p>五谷故事 爆米花玉米粒200g*2袋 爆米花三合一原料 奶香味休闲零食小吃</p>
                        <span class="price">19.80</span>
                        <div class="bb">
                            <div class="bimg">
                                <img src="upload/京东物流.png" alt="">
                            </div>
                            <div class="pinglun">500+条评论</div>
                            <div class="kxs">看相似</div>
                        </div>  
                    </div>
                </a> 
            </li>
            <li>
                <a href="#">
                    <img src="upload/zhanshi6.webp" alt="">
                    <div class="bottom">
                        <p>五谷故事 爆米花玉米粒200g*2袋 爆米花三合一原料 奶香味休闲零食小吃</p>
                        <span class="price">19.80</span>
                        <div class="bb">
                            <div class="bimg">
                                <img src="upload/京东物流.png" alt="">
                            </div>
                            <div class="pinglun">500+条评论</div>
                            <div class="kxs">看相似</div>
                        </div>  
                    </div>
                </a> 
            </li>
            <li>
                <a href="#">
                    <img src="upload/zhanshi8.webp" alt="">
                    <div class="bottom">
                        <p>华为HUAWEI MatePad Pro 11英寸 120Hz高刷全面屏 影音娱乐办公学习平板电脑 8+128GB WIFI 曜金黑</p>
                        <span class="price">3199.00</span>
                        <div class="bb">
                            <div class="bimg">
                                <img src="upload/自营.png" alt="" style="width: 35px;height: 20px;">
                            </div>
                            <div class="pinglun">5万+条评论</div>
                            <div class="kxs">看相似</div>
                        </div>  
                    </div>
                </a> 
            </li>
        </ul>
    </div>
</body>
</html>